{extend name="../application/public/base.html" /}
{block name="head"}
    <!-- <link rel="stylesheet" href="ADMIN_CUSTOM/css/list.css"> -->
    <link rel="stylesheet" href="ADMIN_CUSTOM/css/btn.css">
    <link rel="stylesheet" href="ADMIN_CUSTOM/css/form.css">
{/block}
{block name="body"}
    <body>
		<div class="layui-fluid">
		    <div class="layui-row layui-col-space15">
		        <div class="layui-col-md12">
		            <div class="layui-card">
                        <div class="layui-card-body ">
                            <div class="layui-tab layui-tab-brief" lay-filter="tab-btn">
                                <ul class="layui-tab-title">
                                    {volist name="cate" id="v" key="key"}
                                    <li {if condition="$key == 1"} class="layui-this" {/if} ty="{$v.expend_cate_id}">{$v.cat_name}</li>
                                    {/volist}
                                </ul>
                                <div class="layui-tab-content" id="tab-content-box">
                                    
                                </div>
                            </div>  

                            <!-- 非采购支出 start -->
                            <div id="ncg-box" style="display: none;">
                                
                                <form class="layui-form layui-card-body">
                                    <div class="layui-tab">
                                        <div class="layui-btn" lay-submit lay-filter="query_btn">确定</div>
                                    </div>
                                    <!-- 支出信息 -->
                                    <div class="layui-tab layui-tab-card" style="margin-bottom:15px;margin-top: 5px;">
                                        <ul class="order_table">
                                            <li>支出信息</li>
                                        </ul>
                                        <div class="layui-tab-content tab-content-form">
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>支出说明</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" placeholder="请输入支出说明" name="explains" lay-verify="required" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                            </div>
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>支出总额(元)</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" id="username" placeholder="请输入支出总额" name="money" lay-verify="required" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- 非采购支出 end -->
                            <!-- 采购支出 start -->
                            <div id="cg-box" style="display: none;">
                                
                                <form class="layui-form layui-card-body">
                                    <div class="layui-tab">
                                        <div class="layui-btn" lay-submit lay-filter="query_btn">确定</div>
                                    </div>
                                    <!-- 支出类型 -->
                                    <!-- <div class="layui-tab layui-tab-card" style="margin-bottom:15px;">
                                        <ul class="order_table">
                                            <li>支出类型</li>
                                        </ul>
                                        <div class="layui-tab-content tab-content-form">
                                            <span>
                                                <label style="padding: 0 3px 0 0;">支出类型</label>
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="like1[write]" lay-skin="primary" title="手机采购支出">
                                                    <input style="margin-left: 30px;" type="radio" name="like1[write]" lay-skin="primary" title="维修配件采购支出">
                                                    <input style="margin-left: 30px;" type="radio" name="like1[write]" lay-skin="primary" title="其他电子产品采购支出">
                                                </div>
                                            </span>
                                        </div>
                                    </div> -->
                                    <!-- 产品信息 -->
                                    <div class="layui-tab layui-tab-card" style="margin-bottom:15px;margin-top: 5px;">
                                        <ul class="order_table">
                                            <li>产品信息</li>
                                        </ul>
                                        <div class="layui-tab-content tab-content-form">
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>产品名称</label>
                                                    <div class="layui-input-inline all-inline">
                                                        <input type="text" placeholder="请输入产品姓名" name="goods_name" lay-verify="required" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                            </div>
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>产品分类</label>
                                                    <div class="layui-input-inline">
                                                        <select class="layui-select" name="category_id" lay-verify="required" lay-filter="select">
                                                            <option value="">全部</option>
                                                            {volist name="gcate" id="v"}
                                                            <option value="{$v.category_id}">{$v.category_name}</option>
                                                            {/volist}
                                                        </select>
                                                    </div>
                                                </span>
                                                <span>
                                                    <label>产品子分类</label>
                                                    <div class="layui-input-inline">
                                                        <select class="layui-select" name="cat_id" lay-verify="required" lay-filter="select">
                                                        </select>
                                                    </div>
                                                </span>
                                            </div>
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>产品品牌</label>
                                                    <div class="layui-input-inline">
                                                        <select class="layui-select" name="brand_name" lay-verify="required">
                                                            
                                                        </select>
                                                    </div>
                                                </span>
                                                <span>
                                                    <label>内存</label>
                                                    <div class="layui-input-inline">
                                                        <select class="layui-select" name="memory_name" lay-verify="required">
                                                            
                                                        </select>
                                                    </div>
                                                </span>
                                            </div>
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>产品型号</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" placeholder="请输入产品型号" name="marker" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                                <span>
                                                    <label>属性</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" placeholder="请输入产品属性" name="attribute_name" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                            </div>
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>产品颜色</label>
                                                    <div class="layui-input-inline">
                                                        <select class="layui-select" name="colour_name" lay-verify="required">
                                                            
                                                        </select>
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 采购信息 -->
                                    <div class="layui-tab layui-tab-card" style="margin-bottom:15px;">
                                        <ul class="order_table">
                                            <li>采购信息</li>
                                        </ul>
                                        <div class="layui-tab-content tab-content-form">
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>采购数量</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" lay-verify="required" placeholder="请输入采购数量" name="number" onchange="num_price(this,'buying_price','money')" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                                <span>
                                                    <label>单位</label>
                                                    <div class="layui-input-inline">
                                                        <select class="layui-select" lay-verify="required" name="unit">
                                                            <option value="">请选择单位</option>
                                                            <option value="部">部</option>
                                                            <option value="个">个</option>
                                                        </select>
                                                    </div>
                                                </span>
                                            </div>
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>进货单价(元)</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" lay-verify="required" placeholder="请输入进货单价" name="buying_price" onchange="num_price(this,'number','money')" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                                <span>
                                                    <label>支出总额(元)</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" onfocus="this.blur();" lay-verify="required|money" placeholder="支出总额" name="money" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 供应商信息 -->
                                    <div class="layui-tab layui-tab-card" style="margin-bottom:15px;">
                                        <ul class="order_table">
                                            <li>供应商信息</li>
                                        </ul>
                                        <div class="layui-tab-content tab-content-form">
                                            <div class="tab-content-form">
                                                <span>
                                                    <label>供应商</label>
                                                    <div class="layui-input-inline">
                                                        <select class="layui-select" lay-verify="required" name="supplier_id">
                                                            <option value="">请选择供应商</option>
                                                            {volist name="supplier" id="v"}
                                                            <option value="{$v.supplier_id}">{$v.supplier_name}</option>
                                                            {/volist}
                                                        </select>
                                                    </div>
                                                </span>
                                                <span>
                                                    <label>合同编号</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" lay-verify="required" placeholder="请输入合同编号" name="contract_sn" autocomplete="off" class="layui-input">
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- 采购支出 start -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
{/block}
{block name="script"}
    <script type="text/javascript" src="ADMIN_CUSTOM/js/finance/pay/add.js"></script>
{/block}